<section class="Hui-article-box">
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
        <span class="c-gray en">&gt;</span>
        订单管理
        <span class="c-gray en">&gt;</span>
        订单列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a> </nav>
    <div class="Hui-article">
        <article class="cl pd-20">

            <div class="cl pd-5 bg-1 bk-gray mt-20">
               <span class="l">
               </span>
                <span class="r">共有数据：<strong>54</strong> 条</span>
            </div>
            <table class="table table-border table-bordered table-bg table-sort">
                <thead>
                <tr class="text-c">
                    <th width="40">ID</th>
                    <th width="150">用户名</th>
                    <th width="150">用户头像</th>
                    <th width="150">收货地址</th>
                    <th width="150">商品总价</th>
                    <th width="110">下单时间</th>
                    <th width="90">状态</th>
                    <th width="100">操作</th>
                </tr>
                </thead>

                <tbody>
                {if $data != ''}
                {foreach $data as $v}
                <tr class="text-c">
                    <td>{$b++}</td>
                    <td>{$v.user_name}</td>
                    <td><img width="120" height=90" src="{$v['user_pic']}"/></td>
                    <td>{$v.address_address}{$v.address_detailed}</td>
                    <td>{$v.total}</td>
                    <td>{$v.create_time}</td>
                    <td class="td-status">
                        <a href="javascript:void(0)" onclick="wait(this,{$v['id']})">
                          <span>
                               {if $v.status=='0'}
                                 等待付款
                               {elseif $v.status=='1'}
                               待发货
                              {elseif $v.status=='2'}
                              待收货
                               {elseif $v.status=='3'}
                              已收货
                               {elseif $v.status=='4'}
                              待评价
                              {elseif $v.status=='5'}
                              已评价
                              {/if}
                          </span>
                        </a>
                    </td>
                    <td class="td-manage">
                        <a title="订单详情" href="/admin/orders/detail_index/id/{$v.id}" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe687;</i></a>
                    </td>
                </tr>
                {/foreach}
                {else}
                <tr class="text-c" id="empty">
                  <td colspan="10">暂无数据</td>
                </tr>
                {/if}
                </tbody>
            </table>
        </article>
    </div>
</section>



<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/static/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="/static/admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/static/admin/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
    //分页
    if($("#empty").length > 0) {

    }else {
        $('.table-sort').dataTable({
            "aaSorting": [[ 0, "asc" ]],//默认第几个排序
            "bStateSave": true,//状态保存
            "aoColumnDefs": [
                //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
                {"orderable":false,"aTargets":[1,2,3,4]}// 不参与排序的列
            ]
        });
    }




    /*
     参数解释：
     title	标题
     url		请求的url
     id		需要操作的数据id
     w		弹出层宽度（缺省调默认值）
     h		弹出层高度（缺省调默认值）
     */
    function  wait(obj,id)
    {
        msg=$(obj).parents("tr").find("span").html();
        if(msg=="待收货")
        {
            layer.msg('等待用户收货', {icon: 5,time:1000});
            return false;
        }
        else if(msg=="待评价")
        {
            layer.msg('等待用户评价', {icon: 5,time:1000});
            return false;
        }
        else if(msg=="已评价")
        {
            layer.msg('用户已评价，订单已结束', {icon: 5,time:1000});
            return false;
        }
        $.ajax({
            'type': 'post',//请求的方式
            'data': {'id': id},//附加参数
            'async': true,//异步操作
            'url': "wait",//服务器端页面
            //接受响应数据的匿名函数
            success:
                function (data) {
                    if(data.status==0){
                        $(obj).parents("tr").find("span").html(data.msg);
                        if(data.msg=="待收货")
                        {
                            return false;
                        }
                    }else{
                        layer.msg(data.msg, {icon: 5,time:1000});
                    }

                },
            //Ajax 发送失败
            error:
                function(data){
                    layer.msg(data.msg, {icon: 5,time:1000});
                }
        })
    }
</script>
<!--/请在上方写此页面业务相关的脚本-->
